@media (max-width: 1200px) {
  .case1 .tab_box > div,
  .index3 > div > div > .tab_box > div {
    width: 100%;
  }
  .index4 > .container > .row > .col-xl-4:nth-child(5) {
    display: block;
  }
  header > .mobile_menu_ul > li {
    font-size: 17px;
  }
}
@media (max-width: 992px) {
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row.b3 {
    padding: 0px 15px;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div > p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  header > nav > .logo,
  header > nav > .menu {
    display: none;
  }
  .grid > li > .text i {
    margin: 25px auto;
  }
  .index5::before,
  .index3::before {
    height: 100%;
  }
  header .mobile_menu_ul {
    display: flex;
    flex-direction: column;
  }
  header > nav > .mobile_menu {
    display: flex;
    height: 100%;
    align-items: center;
  }
  .header,
  .header > nav + nav {
    background-color: var(--color1);
  }
  header > nav {
    padding: 0 15px;
    width: 100%;
    height: inherit;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  header > nav > .mobile_menu > img {
    height: 100%;
    padding: 15px 0;
    padding-right: 10px;
  }
  header > nav > .mobile_menu > p {
    color: #000;
    font-weight: bold;
  }
  header > nav > .mobile_menu > i {
    color: #000;
  }
  .banner2 {
    padding-top: 0;
  }
  .about5 > .container > div > img {
    width: 100%;
  }
  header,
  header.on {
    background-color: transparent;
    height: 60px;
  }
  header > nav.on {
    background-color: #fff;
  }
  header > nav.on > .mobile_menu > i {
    color: var(--color1);
  }
  header > nav.on > .mobile_menu > p {
    color: var(--color1);
  }
  footer > .top > .container > .row > div > .menu {
    position: relative;
    bottom: 0;
    padding: 0 15px;
    border: none;
  }
  .case1 .tab_box > div > div,
  .index3 > div > div > .tab_box > div > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .modular2 {
    margin-bottom: 20px;
  }
  .modular2 > .img {
    height: 130px;
  }
  footer > .top > .container > .row > div > .right > .ewm_box {
    margin: 0;
  }
  footer > .top > .container > .row > div > .right > div > div > img {
    width: 110px;
    height: 110px;
  }
  .index7 .text-center p {
    text-align: left !important;
  }
  .index7 > .container > div > .col-xl-12 > a {
    margin-top: 20px;
  }
  .index3 > div > div > .tab_box > div > div {
    padding: 15px;
  }
  .news_info1 > .container > .row > div > .info {
    justify-content: space-between;
  }
  .news_info1 > .container > .row > div > .info > span {
    margin: 0;
  }
  .list > div > div > a {
    flex-direction: column;
    gap: 10px;
  }
  .list > div > div > a > .img {
    margin-right: 0;
    width: 100%;
  }
  .news1 > .container > .row > .services_title,
  .case1 > .container > .row > .services_title {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 0;
  }
  .news1 > .container > .row > .services_title > .modular_a1 > span,
  .case1 > .container > .row > .services_title > .modular_a1 > span {
    padding: 5px 0;
  }
  .services_icon li:last-child {
    display: none;
  }
  .banner2 > div > .container > .title {
    left: 50%;
    transform: translateX(-50%);
    /* text-align: center; */
    width: 80%;
  }
  .banner2 > div > .container > .title > h2 {
    font-size: 22px;
  }
  .services_icon {
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .services_list .container .box .img,
  .services_list .container .box .text {
    width: 100%;
    padding: 15px;
  }
  .modular_title3 {
    font-size: 22px;
  }
  .services_list .container .box:nth-child(2n),
  .services_list .container .box {
    flex-direction: column;
  }
  .services_list .container .box .desc {
    margin-top: 20px;
  }
  .banner2 > div > .container > .title.container {
    bottom: 400px;
  }
  .services_list .container .box .title i {
    font-size: 16px;
  }
  .services_list .container .box .title p {
    font-size: 20px;
  }
  .list > div {
    padding: 10px;
  }
  footer > .top > .container > .row > div > .menu {
    height: auto;
  }
  .index7 > .container > div > .zz > div > p > span {
    font-size: 20px;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div {
    top: 50%;
  }
  header > .mobile_menu_ul > li > i {
    color: var(--color1);
  }
  header > .mobile_menu_ul > li > i + a + i {
    font-size: 10px;
  }
  footer > .wave > div > div {
    width: 1000%;
  }
  .grid {
    grid-template-columns: repeat(1, 1fr);
    height: auto;
    gap: 10px 0;
  }
  footer > .top > .container > .row > div > .left > .contact > li > p,
  footer > .top > .container > .row > div > .left > .contact > li {
    line-height: 30px;
    font-size: 15px;
  }
  .contact1 > .container > .row > div:nth-child(1) > p {
    line-height: 28px;
  }
  .index7 > .container > div > .zz {
    margin-top: 20px;
    gap: 20px 0;
  }
  .index7,
  .index4,
  .index3 {
    padding: 30px 0;
  }
  .index3 > div > div > .services_title > .modular_a1 {
    width: 30%;
  }
  .index3 > div > div > .services_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .modular_paging2 {
    flex-wrap: wrap;
  }
  .list > div > div > a > .text > p {
    margin: 10px 0;
  }
  .list > div > .container {
    padding: 20px 10px;
  }
  .index3 > div > div > .services_title > .modular_a1 > span {
    padding: 5px 0 5px;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div > h2 {
    font-size: 24px;
    line-height: 40px;
    margin: 0;
  }
  .banner1 > .swiper-container1 > .swiper-button-white {
    height: 40px;
    width: 40px;
    display: none;
  }
  .banner1 > .swiper-container1 > .swiper-button-white::after {
    font-size: 20px;
  }
  .services_list .container .box .img img {
    -webkit-filter: none;
    filter: none;
  }
  .banner1 {
    width: 100%;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide,
  .banner2 {
    width: 100%;
    height: 330px;
    padding-top: 60px;
    max-height: 600px;
  }
  .about_info1 > .container > .row > div > .title,
  .index2 > .container > .row > .col-md-8 > .text {
    margin: 0;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div > .modular_a1,
  .services1 > .container > .row > .services_title,
  .about_list1 > .container > .row > .services_title,
  .modular_breadcrumb1,
  .about_info1 > .container > .row > div > .info > span:not(:first-child),
  .banner2 > div > .container > .title > p,
  .modular_title1 p {
    display: none;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div > .modular_a1 + .modular_a1 {
    display: flex;
    position: relative;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
  }
  .banner1 > .swiper-container1 > .swiper-wrapper > .swiper-slide > .container > .row > div > .modular_a1 + .modular_a1 > span {
    font-size: 16px;
  }
  .modular_title1 h2 {
    margin-bottom: 30px;
  }
  .contact1 > .container > .row > div:nth-child(2) {
    padding-left: 15px;
  }
  .recruit3 > .container > .row > div > h3 {
    margin-bottom: 30px;
  }
  .recruit4 > .container > .row > div > img,
  .recruit2 > .container > .row > div > img {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .case_info1 > .container > .row > .info_right > div,
  .services_info1 > .container > .row > .info_right > div {
    top: 0;
    margin-top: 30px;
    width: 100%;
  }
  .case_info1 {
    margin-top: 30px;
  }
  .modular_title1 h2 {
    font-size: 21px;
  }
  .case_info1 > .container > .row > .info_left > .title,
  .services_info1 > .container > .row > .info_left > .title {
    font-size: 24px;
  }
  .modular_paging2 > a {
    font-size: 14px;
  }
  .modular_paging2 > a > i {
    font-size: 24px;
  }
  .about2 > .container > .row > .swiper-container > .swiper-wrapper > .swiper-slide {
    width: 100%;
  }
  footer > .top > .container {
    padding: 20px 0;
  }
  footer > .back_to_top {
    right: 10px;
  }
  .modular1 > .text,
  .modular1 {
    height: auto;
  }
  .grid > li {
    background-size: cover;
  }
  .grid > li > .text {
    position: relative;
    /* top: 0; */
    padding: 30px 15px;
    margin: 0;
    width: 95%;
  }
  .grid > li > .text .j_btn a {
    font-size: 12px;
  }
  .grid > li > .text h5 {
    font-size: 20px;
  }
  .grid > li > .text .j_btn {
    padding-right: 0;
  }
  footer > .top > .container > .row > div > .menu > li {
    width: calc(100% / 3);
    text-align: center;
  }
  footer > .top > .container > .row > div > .menu > li:nth-child(3n)::after {
    display: none;
  }
  footer > .top > .container > .row > div > .left,
  footer > .top > .container > .row > div > .right {
    float: none;
  }
  footer > .top > .container > .row > div > .right {
    justify-content: center;
  }
  footer > .top > .container > .row > .menu_box {
    padding-bottom: 10px;
  }
  .case1 .tab_box > div > div,
  .index3 > div > div > .tab_box > div > div {
    grid-template-columns: repeat(1, 1fr);
  }
  footer > .bottom > .container > .row > div > p {
    line-height: 25px;
    padding: 15px 0;
  }
}
@media (max-width: 576px) {
}